
.article-box {
  min-height: 200px
}

.article-box .article-title {
  font-size: 34px;
  font-weight: bold;
  line-height: 44px;
  color: #222
}

.article-box .article-content {
  margin-bottom: 24px
}

.article-box .article-content pre {
  white-space: normal
}

.article-box .article-content > div, .article-box .article-content {
  font-size: 16px;
  line-height: 28px;
  color: #222;
  word-wrap: break-word
}

.article-box .article-content > div > p, .article-box .article-content > p {
  margin: 16px 0
}

.article-box .article-content > div strong, .article-box .article-content strong, .article-box .article-content > div em, .article-box .article-content em, .article-box .article-content > div b, .article-box .article-content b {
  font-weight: bold
}

.article-box .article-content > div ol li, .article-box .article-content ol li, .article-box .article-content > div ul li, .article-box .article-content ul li {
  list-style: inherit
}

.article-box .article-content > div ol, .article-box .article-content ol {
  list-style: decimal outside
}

.article-box .article-content > div ul, .article-box .article-content ul {
  list-style: square outside
}

.article-box .article-content > div > ol, .article-box .article-content > ol, .article-box .article-content > div > ul, .article-box .article-content > ul {
  padding: 20px 30px;
  color: #222
}

.article-box .article-content > div h1, .article-box .article-content h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  color: #222;
  margin: 36px 0 22px
}

.article-box .article-content > div blockquote, .article-box .article-content blockquote {
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  color: #999;
  margin: 1em 0;
  padding: 12px 10px;
  background: #F4F5F6;
  border: 1px solid #E8E8E8
}

.article-box .article-content > div blockquote > ul, .article-box .article-content blockquote > ul, .article-box .article-content > div blockquote > ol, .article-box .article-content blockquote > ol {
  padding: 20px 30px;
  color: #222
}

.article-box .article-content > div img, .article-box .article-content img {
  max-width: 100%;
  display: block;
  margin: 10px auto
}

.article-box .article-content > div img[inline='1'], .article-box .article-content img[inline='1'] {
  display: inline-block;
  margin: 0 auto
}

.article-box .article-content > div hr, .article-box .article-content hr {
  margin: 40px auto;
  width: 64px;
  height: 4px;
  background: #ED4040;
  outline: none;
  border: none
}

.article-box .article-content > div a, .article-box .article-content a {
  color: #406599
}

.article-box .article-content > div a:visited, .article-box .article-content a:visited {
  color: #406599
}

.article-box .article-content > div a:hover, .article-box .article-content a:hover {
  color: rgba(64, 101, 153, 0.6)
}

.article-box .article-content > div table, .article-box .article-content table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
  border-spacing: 0;
  empty-cells: show;
  background-color: #fff;
  border-collapse: collapse;
  font-size: 16px
}

.article-box .article-content > div table td, .article-box .article-content table td, .article-box .article-content > div table th, .article-box .article-content table th {
  padding: 8px;
  vertical-align: top;
  border: 1px solid #eee;
  text-align: left;
  color: #656b79
}

.article-box .article-content > div table th, .article-box .article-content table th {
  font-weight: 400;
  padding: 8px;
  background-color: #f4f5f7
}

.article-box .article-content > div .pgc-img-caption, .article-box .article-content .pgc-img-caption {
  text-align: center;
  font-size: 12px;
  color: #777;
  line-height: 16px;
  margin-top: 0
}

// WEBPACK FOOTER //
// webpack:///src/components/articleBox/src/articleBox.vue
